import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally
// 注册了全局的svg的组件
Vue.component('svg-icon', SvgIcon)
/*
  了解就好
  require.context() 是一个函数
  参数1: 检索的目录
  参数2: 是否检索子文件夹
  参数3: 要匹配的正则

*/
// import svg1 from './svg/dashboard.svg'
// import svg2 from './svg/dashboard.svg'
// import svg3 from './svg/dashboard.svg'
// import svg4 from './svg/dashboard.svg'
// require.context() 使用场景: 希望实现自动导入 -> 如果这些文件在同一个文件夹内

const req = require.context('./svg', false, /\.svg$/) // $以xx结尾
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)
// 批量导入 .svg 文件的写法
// console.log(requireAll(req)) // 所有的svg组件 ->  module 模块
// svg-sprites -> svg精灵图 -> 将所有的svg放到一个大的容器中, 更好管理及加载更快
// 借助于svg-sprite-loader -> 帮助我们把所有的svg图标(import导入进来的) 放到一个大的容器中

// webpack /  vue-admin-template 架子已经帮助我们处理好了 -> vue.config.js体现
// 一整套流程不需要咱们在单独的配置了, 因为人家已经帮助我们处理好了, 我们要做的事情就是按照这个规则继续编写就可以了
